.index-box {
      width: 100%;
}

.index-box .content {
      /* 开启弹性布局 */
      display: flex;
      /* row（默认值）：主轴为水平方向，起点在左端。 */
      flex-direction: row;
      /* 换行 */
      flex-wrap: wrap;
      /* 项目在主轴上的对齐方式 */
      justify-content: space-around;
}

.index-box .content .m-card {
      width: 18%;
      margin-top: 10px;
}

.index-box .content .m-card:hover {
      cursor: pointer;
}

.index-box .content .m-card i {
      margin-left: 32px;
}

.index-box .content .m-card svg {
      margin-left: 22px;
}

/* 播放弹窗 */
.video-box {
      width: 70%;
}

/* 评论 */
.comment-box {
      width: 30%;
      /* height: 390px; */
      float: right;
      margin-top: -436.5px;
      font-size: 18px;
      font-family: "楷体";
      font-weight: 700;
}

.comment-box .comment-detail {
      width: 100%;
      height: 403px;
      border: 5px gray solid;
      margin-top: -11px;
      border-top: unset;
      overflow-x: hidden;
      overflow-y: scroll;
}

.comment-detail .other-com {
      height: 50px;
      width: 100%;
      margin-bottom: 5px;
}

.comment-detail .other-com .com-detail {
      font-size: 20px;
      height: 50px;
      margin-left: 50px;
      margin-top: -50px;
}

/* 多条件搜索 */
.index-box .query-box{
      margin-left: 30%;
}
.index-box .query-box .queryLeft{
      width: 40%;
}
.index-box .query-box .queryLeft .el-select {
      width: 120px;
}